@import '../../color.less';
@import '../../index.less';
.App {
    @App();
}
.leftBar {
    @LeftBar();
}
.rightContent {
    @RightContent();
}
.listContent {
    @ScrollContent();
}

.wrapDetail {
    height: 100%;
    display: flex;
    flex-direction: row;
    overflow: hidden;
}
.detail {
    @Detail();
    flex: 1;
    overflow: hidden;
    .detailHeader {
        @DetailHeader();
    }
    .detailContent {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 5px 20px;
        overflow: hidden;
        padding-bottom: 0;
        overflow-y: auto;
        .header {
            display: flex;
            align-items: center;
            padding: 4px 0;
            h3 {
                margin: 0;
            }
            span {
                margin-left: 12px;
                font-size: 24px;
                cursor: pointer;
            }
        }
        .content {
            flex: 1;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            .lable {
                display: flex;
                align-items: center;
                span {
                    margin-left: 12px;
                    font-size: 20px;
                    cursor: pointer;
                }
            }
            :global(.ant-tabs){
                display: flex;
                flex-direction: column;
            }
            :global(.ant-tabs-content){
                flex: 1;
                overflow-x: hidden;
                overflow-y: auto;
            }
            .tabs {
                display: flex;
                align-items: center;
                :global(.mdi-checkbox-marked-circle) {
                    font-size: 14px;
                    margin-right: 6px;
                    margin-left: 0px;
                    line-height: 14px;
                    color: @finshColor
                }
                :global(.mdi-menu-down) {
                    font-size: 26px;
                    margin-left: 0px;
                    line-height: 17px;
                }
            }
        }
    }
}
.projectTaskDetailModal {
    :global(.ant-modal-body){
        padding-top: 0;
    }

}